@page-width: 1100px;
@page-card-height: 349px;
@page-space: 20px;
@table-height:350px;
:deep(.look){
    .close{
        top: 40px;
    }
}
.detail-container {
    width: @page-width;
    margin: auto;
    position: relative;
    .d-card {
        width: 100%;
        // height: @page-card-height;
        padding: @page-space ;
        background-color: var(--card);
        position: relative;
        .d-line {
            width: 100%;
            height: 1px;
            background-color: var(--border);
        }

        .d-title {
            font-size: 16px;
            font-weight: 600;
            color: var(--color-2);
        }

        .d-content {
            margin-top: 15px;
            display: flex;
            flex-direction: column;
            gap: 12px;

            .d-row {
                display: flex;
                align-items: center;

                .row-lable {
                    width: 250px;
                    text-align: left;
                    color: var(--color);
                    font-size: 14px;
                }

                .row-content {
                    display: flex;
                    align-items: center;
                    color: var(--color-2);
                    font-size: 14px;
                    .content-logo{
                        width: 20px;
                        height: 20px;
                        margin-right: 6px;
                    }
                    .time{
                        margin-left: 10px;
                    }
                    .ago{
                        
                    }
                }
            }
        }
    }

    .transfer {
        margin-top: var(--space);
        width: 100%;
        background-color: var(--card);
        position: relative;
        .t-title {
            height: 35px;
            display: flex;
            align-items: center;
            font-size: 16px;
            font-weight: 600;
            color: var(--color-2);
            padding-left: @page-space;
            border-bottom: 1px solid var(--border);
        }
        .t-list{
            width: 100%;
            position: relative;
            height: @table-height;
        }
    }

}

.t-item {
    display: flex;
    align-items: center;
    overflow: hidden;
    height: var(--row-height);
    border-bottom: 1px solid var(--border);
   
}
.t-head{
    display: flex;
    align-items: center;
    font-size: 12px;
    color:var(--color);
}

.t-table{
    display: flex;
    align-items: center;
    font-size: 14px;
    color: var(--color-2);
}
.t-row1{
    flex: 0.1;
    padding-left: var(--row-space);
    .logo{
        width: 12px;
        height: 12px;
        
    }
}
.t-row2{
    flex: 1.2;
}

.t-row3{
    flex: 1.2;
}

.t-row4{
    flex: 1.1;
    display: flex;
    align-items: center;
    gap: 10px;
    .t-row4-left{
        text-align: right;
        flex: 0.5;
    }
    .t-row4-right{
        flex: 0.5;
        text-align: left;
    }
}

.t-row5{
    flex: 0.4;
    text-align: right;
}
.t-row6{
    flex: 0.3;
    display: flex;
    justify-content: flex-end;
    padding-right: var(--row-space);
}
.icon-box {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-right: 8px;
    width: 11px;
    height: 11px;
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 11px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ic-c{
    color: #a1aeb8;
}
